<template>
  <div class="company-style">
    <!-- 导航栏 start -->
    <NavBarVue :title="isReg ? '开通会员' : '会员续费'" />
    <!-- 导航栏 end -->

    <!-- 内容 start -->
    <div class="content-top my-membership">
      <!-- 客服信息 -->
      <div class="name">
        <b>嘉兴人才网客服</b>
        <span
          >{{ isReg ? "您还不是嘉兴人才网的会员" : "您的嘉兴人才网会员已过期"
          }}<br />请联系我开通企业会员</span
        >
      </div>

      <!-- 客服联系 -->
      <div class="contact">
        <small>联系我</small>
        <van-button
          block
          round
          type="primary"
          icon="wechat"
          text="发微信"
          color="#08f"
          @click="toWXKF(data.wx)"
        ></van-button>
        <van-button
          block
          round
          type="primary"
          icon="phone"
          text="打电话"
          color="#09f"
          @click="toCall(data.tel)"
        ></van-button>
      </div>
    </div>
    <!-- 内容 end -->
  </div>
</template>

<script>
import { NavBar, Button } from "vant";
import NavBarVue from "@/components/NavBar.vue";
import { CompanyGetMyKF } from "@/util/http";
import { mixin_call, mixin_wx } from "@/mixin/mixins";

export default {
  name: "RestartedKF",
  components: {
    NavBarVue,
    [NavBar.name]: NavBar,
    [Button.name]: Button,
  },
  props: ["isReg", "companyid"],
  mixins: [mixin_call, mixin_wx],
  mounted() {
    CompanyGetMyKF(this.companyid).then((res) => {
      // console.log(res);
      this.data = res;
    });
  },
  // 定义属性
  data() {
    return {
      data: {},
    };
  },
  // 方法集合
  methods: {},
};
</script>
